$(document).ready(function(){   
    
    var _ind=0;
    var _len = $(".case_show_s .swiper-slide").length;
    var my_Swiper = new Swiper('.case_show_b .swiper-container',{
        slidesPerView: 1,//设置slider容器能够同时显示的slides数量(carousel模式)
        spaceBetween: 0,
        noSwiping : true,
        prevButton:'.case_show_b .swiper-button-prev',
        nextButton:'.case_show_b .swiper-button-next',

        onInit: function(swiper){
            // console.log(_ind)
            swiper.slideTo(_ind,500)
        },
         breakpoints:{
            767: {
                 spaceBetween:0,
                 // noSwiping : false,
            },
        }
    })
    var case_Swiper = new Swiper('.case_show_s .swiper-container',{
        slidesPerView: 4,//设置slider容器能够同时显示的slides数量(carousel模式)
        spaceBetween: 0,//slide之间的距离（单位px）。
        prevButton:'.case_show_s .swiper-button-prev',
        nextButton:'.case_show_s .swiper-button-next',
        noSwiping : true,
        breakpoints:{
            767: {
                 spaceBetween:4
            },
        }
    })
    $(".case_show_s .swiper-button-prev").addClass("disabled");
    
    $(".case_show_s .swiper-button-prev").click(function(){
        _ind--;
        btnJudge();
        $(".case_show_s .swiper-slide").eq(_ind).addClass("on").siblings().removeClass("on");
        my_Swiper.slideTo(_ind, 500, false);
    })
    $(".case_show_s .swiper-button-next").click(function(){
        _ind++;
        btnJudge();
        $(".case_show_s .swiper-slide").eq(_ind).addClass("on").siblings().removeClass("on");
         my_Swiper.slideTo(_ind, 500, false);
    })
    
    $(".case_show_s .swiper-slide").click(function(){
        $(this).addClass("on").siblings().removeClass("on");
        _ind = $(this).index();
        btnJudge();
        my_Swiper.slideTo(_ind, 500, false);
       
       
    })
    $(".case_show_s .swiper-slide:eq(0)").click();


    function btnJudge() {
        if(_ind >= _len - 1) {
            $('.case_show_s .swiper-button-next').addClass("disabled")
            _ind = _len - 1;
        } else {
            $('.case_show_s .swiper-button-next').removeClass("disabled")
        }
        if(_ind <= 0) {
            $(".case_show_s .swiper-button-prev").addClass("disabled")
            _ind = 0;
        } else {
            $(".case_show_s .swiper-button-prev").removeClass("disabled")
        }
    }

    if($(".case_show_s li").length>4){
        $(".case_show_s .but").show();
    }

})